<template>
    <div>
        <div>
            <!-- input的基础用法 -->
            <h3>1. input的基础用法</h3>
            <my-input v-model="value" ref="myInput" placeholder="请输入内容"></my-input>
        </div>
        <div>
            <!-- 2. 禁用input -->
            <h3>2. 禁用input</h3>
            <my-input v-model="value" :disabled="true"></my-input>
        </div>
        <div>
            <!-- 可清空 -->
            <h3>4. 可清空</h3>
        </div>
        <div>
            <!-- 密码框 -->
            <h3>4. 显示密码框</h3>
            <my-input show-password v-model="value"></my-input>
        </div>
        <div>
            <!-- 文本域 -->
            <h3>5. 文本域</h3>
            <my-input type="textarea" placeholder="aaaaaa" v-model="value2"></my-input>
        </div>
    </div>
</template>

<script>
import MyInput from '@/components/MyInput.vue'
    export default {
        data() {
            return {
               value: '',
               value2: ''
            }
        },
        components: {
            MyInput
        },
        methods: {
         
        },
        mounted() {
        }
    }
</script>

<style lang="scss" scoped>

</style>